<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>String 的扩展方法</title>
</head>
<body>
    
</body>
<script>
    // let name = `张三`
    // console.log(name);
    let name = '双木夕'
    let sayHello = `hello,我的名字叫${name}`
    console.log(sayHello);
    let result = {
        name:'张三',
        age:20
    }
    let html = `
    <div>
        <span>${result.name}</span>
        <span>${result.age}</span>
    </div>
    `
    console.log(html);
    const fn =() =>{
        return ' 我是函数'
    }
    let html1 = `我是模板字符串${fn()}`
    console.log(html1);

    let str = 'Hello world !'
    let r1 = str.startsWith('Hello')
    let r2 = str.endsWith('2015')
    console.log(r1,r2);

    console.log('y'.repeat(5));
</script>
<!-- 
模板字符串 
ES6新增的创建字符串的方式，使用反引号定义。
let name = `zhangsan`;
模板字符串中可以解析变量
let name = '张三';
let sayHello = `hello,my name is ${name}`; // hello, my name is zhangsan
模板字符串中可以换行
let result = {
    name: 'zhangsan',
    age: 20,
    sex: '男'
}
let html = ` <div>
    <span>${result.name}</span>
    <span>${result.age}</span>
    <span>${result.sex}</span>
</div> `;
在模板字符串中可以调用函数
const sayHello = function () {
    return '哈哈哈哈 追不到我吧 我就是这么强大';
};
let greet = `${sayHello()} 哈哈哈哈`;
console.log(greet); // 哈哈哈哈 追不到我吧 我就是这么强大 哈哈哈哈

实例方法：startsWith() 和 endsWith()

● startsWith()：表示参数字符串是否在原字符串的头部，返回布尔值

● endsWith()：表示参数字符串是否在原字符串的尾部，返回布尔 
let str = 'Hello world!';
str.startsWith('Hello') // true 
str.endsWith('!') // true
实例方法：repeat()

repeat方法表示将原字符串重复n次，返回一个新字符串。
'x'.repeat(3) // "xxx" 
'hello'.repeat(2) // "hellohello"
 -->
</html>